<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 引入初始化CSS文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共CSS文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入首页样式CSS文件 -->
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2143783_iq6z4ey5vu.css">
    <script>
        // 检测 userAgent（浏览器信息）
        !(function () {
            const userAgent = navigator.userAgent
            // 验证是否为Android或iPhone
            const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
            const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)

            // 如果是Android或iPhone，则跳转至移动站点
            if (android || iphone) {
                location.href = 'http://m.itcast.cn'
            }

        })()
    </script>
</head>

<body>
    <!-- 顶部导航栏 -->
    <div class="navigation-bar">
        <div class="w">
            <ul>
                <li>
                    <a href="login.html" target="_blank">请先登录</a>
                </li>
                <li>
                    <a href="register.html" target="_blank">免费注册</a>
                </li>
                <li>
                    <a href="center-order.html" target="_blank">我的订单</a>
                </li>
                <li>
                    <a href="center.html" target="_blank">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;"><span></span>手机版</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div class="header w">
        <!-- logo -->
        <div class="logo">
            <a href="javascript:;"></a>
        </div>
        <!-- 导航 -->
        <div class="nav">
            <ul>
                <li><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">生鲜</a></li>
                <li><a href="javascript:;">美食</a></li>
                <li><a href="javascript:;">餐厨</a></li>
                <li><a href="javascript:;">电器</a></li>
                <li><a href="javascript:;">家具</a></li>
                <li><a href="javascript:;">洗护</a></li>
                <li><a href="javascript:;">孕婴</a></li>
                <li><a href="javascript:;">服装</a></li>
            </ul>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <span></span>
            <input type="text" placeholder="搜一搜">
        </div>
        <!-- 购物车 -->
        <div class="shopping-cart">
            <span>2</span>
        </div>
    </div>

    <div class="banner">
        <div class="w">
            <ul>
                <li>
                    <a href="javascript:;"><img src="uploads/banner_1.png" alt=""></a>
                </li>
            </ul>

            <!-- 侧导航 -->
            <div class="left_nav">
                <ul>
                    <li><a href="javascript:;">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="javascript:;">美食<span>面点 干果</span></a></li>
                    <li><a href="javascript:;">餐厨<span>数码产品</span></a></li>
                    <li><a href="javascript:;">电器<span>床品 四件套 被枕</span></a></li>
                    <li><a href="javascript:;">居家<span>奶粉 玩具 辅食</span></a></li>
                    <li><a href="javascript:;">洗护<span>洗发 洗护 美妆</span></a></li>
                    <li><a href="javascript:;">孕婴<span>奶粉 玩具</span></a></li>
                    <li><a href="javascript:;">服饰<span>女装 男装</span></a></li>
                    <li><a href="javascript:;">杂货<span>户外 图书</span></a></li>
                    <li><a href="javascript:;">品牌<span>品牌制造</span></a></li>
                </ul>
            </div>

            <!-- 按钮 -->
            <div class="btn">
                <!-- 左按钮 -->
                <a href="javascript:;" class="prev"></a>
                <!-- 右按钮 -->
                <a href="javascript:;" class="next"></a>
            </div>

            <!-- 底部圆点 -->
            <ol class="circle">
                <li></li>
                <li></li>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>

    <!-- 新鲜好物 -->
    <div class="goods w">
        <!-- 头部 -->
        <div class="hd">
            <h3>新鲜好物<span>新鲜出炉 品质靠谱</span></h3>
            <a href="javascript:;">查看全部</a>
        </div>
        <!-- 身体内容 -->
        <div class="bd clearfix">
            <ul>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/new_goods_1.jpg" alt="">
                        <h4>睿米无线吸尘器F8</h4>
                        <div>￥<span>899</span></div>
                        <i>新<br>品</i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/new_goods_2.jpg" alt="">
                        <h4>智能环绕3D空调</h4>
                        <div>￥<span>1299</span></div>
                        <i>新<br>品</i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/new_goods_3.jpg" alt="">
                        <h4>广东软软糯米煲仔饭</h4>
                        <div>￥<span>129</span></div>
                        <i>新<br>品</i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/new_goods_4.jpg" alt="">
                        <h4>罗西机械智能手表</h4>
                        <div>￥<span>3399</span></div>
                        <i>新<br>品</i>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 人气推荐 -->
    <div class="popularity w">
        <!-- 头部 -->
        <div class="hd">
            <h3>人气推荐<span>人气爆款 不容错过</span></h3>
            <a href="javascript:;">查看全部</a>
        </div>
        <!-- 身体内容 -->
        <div class="bd clearfix">
            <ul>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/popular_1.jpg" alt="">
                        <h4>特惠推荐</h4>
                        <p>我猜得到 你的需要</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/popular_2.jpg" alt="">
                        <h4>爆款推荐</h4>
                        <p>人气好物推荐</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/popular_3.jpg" alt="">
                        <h4>场景使用一站买全</h4>
                        <p>编辑精心整理推荐</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="uploads/popular_4.jpg" alt="">
                        <h4>领券中心</h4>
                        <p>发现更多超值优惠券</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 热门品牌 -->
    <div class="hot">
        <div class="w">
            <!-- 头部 -->
            <div class="hd">
                <h3>热门品牌<span>国际经典 品质保证</span></h3>
                <a href="javascript:;" class="left"></a>
                <a href="javascript:;" class="right"></a>
            </div>
            <!-- 身体内容 -->
            <div class="bd clearfix">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/brand_goods_1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/brand_goods_2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/brand_goods_3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/brand_goods_4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/brand_goods_5.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 生鲜 -->
    <div class="fresh w">
        <!-- 头部 -->
        <div class="hd">
            <h3>生鲜</h3>
            <a href="javascript:;" class="all">查看全部</a>
            <ul>
                <li><a href="javascript:;">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">裤装</a></li>
                <li><a href="javascript:;">衬衫</a></li>
                <li><a href="javascript:;">T恤</a></li>
                <li><a href="javascript:;">内衣</a></li>
            </ul>
        </div>
        <!-- 身体内容 -->
        <div class="bd clearfix">
            <div class="left">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_cover.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_1.jpg" alt="">
                            <h4>
                                美威 智利原味三文鱼排<br>
                                240g/袋 4片装<br>
                                海鲜年货
                            </h4>
                            <p>￥<span>59</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_2.jpg" alt="">
                            <h4>
                                红功夫 麻辣小龙虾1.5kg<br> 4-6钱/25-32只<br>
                                火锅食材
                            </h4>
                            <p>￥<span>79</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_3.jpg" alt="">
                            <h4>
                                三都港 冷冻无公害黄花鱼<br> 700g 2条 袋装<br>
                                海鲜水产
                            </h4>
                            <p>￥<span>49</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_4.jpg" alt="">
                            <h4>
                                渔公码头 大连鲜食入味<br> 即食海参 辽参刺参<br>
                                调味海
                            </h4>
                            <p>￥<span>899</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_5.jpg" alt="">
                            <h4>
                                越南白心火龙果4个装<br> 标准果400-550g<br>
                                新鲜水果
                            </h4>
                            <p>￥<span>20</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_6.jpg" alt="">
                            <h4>
                                广西沃柑 新鲜水果<br> 柑橘1.5kg<br>
                                新鲜水果
                            </h4>
                            <p>￥<span>10</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_7.jpg" alt="">
                            <h4>
                                进口 牛油果 6个装<br> 单果重约130-180g<br>
                                新鲜水果
                            </h4>
                            <p>￥<span>50</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="uploads/fresh_goods_8.jpg" alt="">
                            <h4>
                                泰国进口山竹5A级<br> 500g<br>
                                新鲜水果
                            </h4>
                            <p>￥<span>60</span></p>
                        </a>
                        <p class="conceal">
                            <span>找相似</span>
                            <a href="javascript:;">发现更多宝贝</a>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 服饰 -->
    <div class="xtx w">
        <!-- 头部 -->
        <div class="hd">
            <h3>服饰</h3>
            <a href="javascript:;" class="all">查看全部</a>
            <ul>
                <li><a href="javascript:;" class="curror">行李箱</a></li>
                <li><a href="javascript:;">男士包袋</a></li>
                <li><a href="javascript:;">女士包袋</a></li>
                <li><a href="javascript:;">钱包及小提袋</a></li>
                <li><a href="javascript:;">男鞋</a></li>
                <li><a href="javascript:;">女鞋</a></li>
                <li><a href="javascript:;">拖鞋</a></li>
            </ul>
        </div>
        <!-- 身体内容 -->
        <div class="bd">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="uploads/clothes_goods_cover.jpg" alt="">
                    </a>
                    <div class="label">
                        <span>服饰馆</span>
                        <span>3折狂欢</span>
                    </div>
                </li>
                <li>
                    <!-- 商品图片 -->
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_1.jpg" alt="">
                        </div>
                    </a>
                    <!-- 商品信息 -->
                    <div class="meta">
                        <p class="name">人本秋季厚底帆布鞋 韩版低帮增高学生</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>55</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_2.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">迪士尼真皮针扣表带宽度 14-16mm规格双色压纹 女表带</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>20.9</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_3.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>209</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_4.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">ONLY夏季新款高腰宽松 七分阔腿裙裤休闲裤</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>274.5</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_5.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">拉夫劳伦t恤男正品 </p>
                        <p class="flag">圆领短袖</p>
                        <p class="price"><small>￥</small>99</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_6.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">李宁跑步鞋男鞋空气 弧2018春季款</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>79</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_7.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">Dickies男鞋2020春季 英伦休闲工装鞋低帮</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>179</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/clothes_goods_8.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">北极绒春夏季纯棉背心 男士修身纯色打底</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>69</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 餐厨-->
    <div class="xtx w">
        <!-- 头部 -->
        <div class="hd">
            <h3>餐厨</h3>
            <a href="javascript:;" class="all">查看全部</a>
            <ul>
                <li><a href="javascript:;" class="curror">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">清洁剂</a></li>
                <li><a href="javascript:;">男鞋</a></li>
                <li><a href="javascript:;">女鞋</a></li>
                <li><a href="javascript:;">拖鞋</a></li>
            </ul>
        </div>
        <!-- 身体内容 -->
        <div class="bd">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="uploads/kitchen_goods_cover.jpg" alt="">
                    </a>
                    <div class="label">
                        <span>餐厨馆</span>
                        <span>全场满减</span>
                    </div>
                </li>
                <li>
                    <!-- 商品图片 -->
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_1.jpg" alt="">
                        </div>
                    </a>
                    <!-- 商品信息 -->
                    <div class="meta">
                        <p class="name">人本秋季厚底帆布鞋 韩版低帮增高学生</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>55</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_2.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">迪士尼真皮针扣表带宽度 14-16mm规格双色压纹 女表带</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>20.9</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_3.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>209</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_4.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">ONLY夏季新款高腰宽松 七分阔腿裙裤休闲裤</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>274.5</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_5.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">拉夫劳伦t恤男正品 </p>
                        <p class="flag">圆领短袖</p>
                        <p class="price"><small>￥</small>99</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_6.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">李宁跑步鞋男鞋空气 弧2018春季款</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>79</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_7.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">Dickies男鞋2020春季 英伦休闲工装鞋低帮</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>179</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/kitchen_goods_8.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">北极绒春夏季纯棉背心 男士修身纯色打底</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>69</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 居家-->
    <div class="xtx w">
        <!-- 头部 -->
        <div class="hd">
            <h3>居家</h3>
            <a href="javascript:;" class="all">查看全部</a>
            <ul>
                <li><a href="javascript:;" class="curror">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">清洁剂</a></li>
                <li><a href="javascript:;">男鞋</a></li>
                <li><a href="javascript:;">女鞋</a></li>
                <li><a href="javascript:;">拖鞋</a></li>
            </ul>
        </div>
        <!-- 身体内容 -->
        <div class="bd">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="uploads/home_goods_cover.jpg" alt="">
                    </a>
                    <div class="label">
                        <span>居家馆</span>
                        <span>全场满减</span>
                    </div>
                </li>
                <li>
                    <!-- 商品图片 -->
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_1.jpg" alt="">
                        </div>
                    </a>
                    <!-- 商品信息 -->
                    <div class="meta">
                        <p class="name">人本秋季厚底帆布鞋 韩版低帮增高学生</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>55</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_2.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">迪士尼真皮针扣表带宽度 14-16mm规格双色压纹 女表带</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>20.9</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_3.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>209</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_4.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">ONLY夏季新款高腰宽松 七分阔腿裙裤休闲裤</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>274.5</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_5.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">拉夫劳伦t恤男正品 </p>
                        <p class="flag">圆领短袖</p>
                        <p class="price"><small>￥</small>99</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_6.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">李宁跑步鞋男鞋空气 弧2018春季款</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>79</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_7.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">Dickies男鞋2020春季 英伦休闲工装鞋低帮</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>179</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <div class="img-box">
                            <img src="uploads/home_goods_8.jpg" alt="">
                        </div>
                    </a>
                    <div class="meta">
                        <p class="name">北极绒春夏季纯棉背心 男士修身纯色打底</p>
                        <p class="flag">精美服饰</p>
                        <p class="price"><small>￥</small>69</p>
                    </div>
                    <!-- 其它 -->
                    <div class="extra">
                        <a href="javascript:;">
                            <span>找相似</span>
                            <span>发现现多宝贝&gt;</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 最新专题 -->
    <div class="xtx_new_subject">
        <div class="w">
            <div class="xtx_new_header">
                <h3>最新专题</h3>
                <a href="javascript" class="all">
                    查看全部
                </a>
            </div>
            <div class="xtx_topic">
                <ul class="clearfix">
                    <li>
                        <a href="javascript">
                            <img src="uploads/topic_goods_1.jpg" alt="">
                            <div class="meta">
                                <p class="title">
                                    吃这些美食才不算辜负自己
                                    <small>餐厨起居洗护好物</small>
                                </p>
                                <span><small>￥</small>29.9起</span>
                            </div>
                        </a>
                        <div class="sciol">
                            <span class="like">
                                <i class="script"></i>1200
                            </span>
                            <span class="view">
                                <i class="script"></i>1800
                            </span>
                            <span class="reply">
                                <i class="script"></i>246
                            </span>
                        </div>
                    </li>
                    <li>
                        <a href="javascript">
                            <img src="uploads/topic_goods_2.jpg" alt="">
                            <div class="meta">
                                <p class="title">
                                    吃这些美食才不算辜负自己
                                    <small>餐厨起居洗护好物</small>
                                </p>
                                <span><small>￥</small>29.9起</span>
                            </div>
                        </a>
                        <div class="sciol">
                            <span class="liked">
                                <i class="script"></i>1200
                            </span>
                            <span class="view">
                                <i class="script"></i>1800
                            </span>
                            <span class="reply">
                                <i class="script"></i>246
                            </span>
                        </div>
                    </li>
                    <li>
                        <a href="javascript">
                            <img src="uploads/topic_goods_3.jpg" alt="">
                            <div class="meta">
                                <p class="title">
                                    吃这些美食才不算辜负自己
                                    <small>餐厨起居洗护好物</small>
                                </p>
                                <span><small>￥</small>29.9起</span>
                            </div>
                        </a>
                        <div class="sciol">
                            <span class="like">
                                <i class="script"></i>1200
                            </span>
                            <span class="view">
                                <i class="script"></i>1800
                            </span>
                            <span class="reply">
                                <i class="script"></i>246
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 公共底部 -->
    <div class="xtx_footer clearfix">
        <div class="w">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="service">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="code">
                        <img src="uploads/qrcode.jpg" alt="">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立即下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>

        <!-- 其他 -->
        <div class="extra">
            <div class="w">
                <!-- 口号 -->
                <div class="slogin">
                    <a href="javascript:;" class="price">价格亲民</a>
                    <a href="javascript:;" class="logistics">物流快捷</a>
                    <a href="javascript:;" class="quality">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright">
                    <p>
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">售后服务</a>
                        <a href="javascript:;">配送与验收</a>
                        <a href="javascript:;">商务合作</a>
                        <a href="javascript:;">搜索推荐</a>
                        <a href="javascript:;">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>

    <script>
        let a = document.querySelector('.navigation-bar li:first-child');
        let username = JSON.parse(localStorage.getItem('data'));
        console.log(username);
        if (!username) {
            a.innerHTML = `
                <a href="login.html" target="_blank">请先登录</a>
            `
        } else {
            a.innerHTML = `
                <a href="javascript:;">你好 ${username.uname}</a>
            `
        }
    </script>
</body>

</html>